<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        input 
            type    
                text        文本框
                password    密码框
                radio       单选框(name相同，表示一组)
                checkbox    复选框(name相同，表示一组)
            了解
                file        文件域
                image       图片形式的提交按钮
                hidden      隐藏域,专门携带数据
            value 真正的数据值
        button
        select 下拉框
            option  下拉框选项
        textarea    文本域
     -->
    <form action="https://www.baidu.com/s" method="get">
        <div>
            用&ensp;户&ensp;名：<input type="text" name="wd">
        </div>
        <div>
            用户密码：<input type="password" name="password">
        </div>
        <div>
            性&emsp;&emsp;别:
            <input type="radio" name="gender" value="0"> 男
            <input type="radio" name="gender" value="1"> 女
        </div>
        <div>
            兴&emsp;&emsp;趣:
            <input type="checkbox" name="hobbies" value="java"> Java
            <input type="checkbox" name="hobbies" value="python"> Python
            <input type="checkbox" name="hobbies" value="cloud"> SpringCloud
        </div>
        <div>
            了&emsp;&emsp;解：
            <input type="file">
            <!-- <input type="image" src="../../20210709/images/tp.jpg"> -->
            <input type="hidden" name="abc" value="666">
        </div>
        <div>
            所在城市：
            <select name="pro">
                <option value="beijing">北京</option>
                <option value="shanghai">上海</option>
                <option value="shenyang">沈阳</option>
            </select>
        </div>
        <div>
            个人签名:<br>
            <textarea style="resize: none;" name="sign" cols="50" rows="10">你好</textarea>
        </div>
        <div>
            <input type="button" value="自定义">
            <button>提交</button>
        </div>
    </form>
</body>

</html>